<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 输入三角形的层数
        let hite = parseInt(prompt("请输入菱形的层数(奇数)"));
        let tp = (hite + 1) / 2;
        let bt = (hite - 1) / 2;
        for (let i = 1; i <= tp; i++) {
            // 空格数
            // 打印空格
            for (let x = 1; x <= tp - i; x++) {
                document.write("&nbsp");


            }
            // 打印*号
            for (let y = 1; y <= 2 * i - 1; y++) {

                document.write("*");

            }
            // 打印空格
            document.write("<br />");
        }


        for (let i = 1; i <= bt; i++) {
            // 空格数
            // 打印空格
            for (let z = 1; z <= i; z++) {

                document.write("&nbsp");


            }
            // 打印*号
            for (let x = 1; x <= hite - 2 * i; x++) {

                document.write("*");

            }
            document.write("<br />");
        }
    </script>
</body>

</html>